<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>CornerStone</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4613438_9idsdqtcbwd.css">

  
  <style>
    #Loading {
      background-color: #ffffffaa;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      transition: all 0.3s;
      z-index: 999999;
    }

    .loadingfadeout {
      opacity: 0;
    }

    #Loading #caseBlanche {
      height: 140px;
      width: 140px;
      padding-top: 10px;
      float: left;
      position: fixed;
      top: 50%;
      left: 50%;
      margin: -70px 0 0 -75px;
    }

    #Loading #caseBlanche #load {
      color: #c0c0c0;
      text-align: center;
      position: absolute;
      font-size: 14px;
      top: 62px;
      left: -3px;
      width: 100%;
    }

    #Loading #test {
      height: 10px;
      width: 10px;
      position: absolute;
      background-color: #c0c0c0;
      border-radius: 50%;
      top: 0px;
      left: 22px;
    }

    #Loading #rond {
      height: 100px;
      width: 100px;
      border: 1px solid #c0c0c0;
      border-radius: 50%;
      position: absolute;
      top: 20px;
      left: 15px;
      animation: rond 2s infinite;
      -webkit-animation: rond 2s infinite;
    }

    @keyframes rond {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    @-webkit-keyframes rond {
      0% {
        -webkit-transform: rotate(0deg);
      }

      100% {
        -webkit-transform: rotate(360deg);
      }
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }


  </style>

</head>

<body>
  <div id="Loading">
    <div id="caseBlanche">
      <div id="rond">
        <div id="test"></div>
      </div>
      <div id="load"> 加载中... </div>
    </div>

  </div>
  <div id="app"></div>
  <script type="module" src="/src/main.js"></script>
</body>

</html>